<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数据绑定</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>
<body>
<div id="app">
    <a :href="url">华为官网</a>
<!--    <a v-bind:href="url">华为官网</a>-->

<!--    <img :src="src">-->

    <input type="text" v-model="msg">
    <input type="text" v-model="msg">
    <input type="text" v-model="msg">
    <input type="text" v-model="msg">

    <form action="/update" method="post">

        id :<input type="text" v-model="user.id"><br>
        name :<input type="text" v-model="user.name"><br>
        sex :<input type="text" v-model="user.sex"><br>
        <input type="submit" value="修改">
    </form>

</div>

</body>
<script>
    new Vue({

        el:"#app",
        data:{
            url:"https://consumer.huawei.com/cn/phones/",
            src:"img/WIN_20220310_23_21_03_Pro.jpg",
            msg:"helloWorld",
            user:{
                id:15,
                name:"张三",
                sex:"男"
            }
        },
        methods:{

        }
    });
</script>
</html>